/* common */
.ui-shadow{
	box-shadow: none !important;
}
.ui-btn, label.ui-btn{
 	border-width: 1px !important;
    border-style: solid !important;
    border-top-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ui-listview>.ui-li-static.ui-last-child, .ui-listview>.ui-li-divider.ui-last-child, .ui-listview>li.ui-last-child>a.ui-btn{
	 border-bottom-width: 0px !important;
}

/* theme a*/

.listViewImg-a{
	height: 60px;
	width: 60px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
.listViewImg-a img{
	width: 60px;
	height: 60px;
}

.listViewContent-a{
	width:calc(100% - 90px);
	float: left;
	margin-top:5px;
	height: 65px;
}

.listViewTitle-a{
	font-size: 15px !important;
 	color: #333333;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	
}
.listViewMemo-a{
 	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }
 .listViewFoot-a{
	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	float: left;
 	width: calc(50% - 10px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }

/* theme a NoPic */
.listViewContent-NP-a{
	width:calc(100% - 15px);
	float: left;
	margin-top:5px;
	margin-left:15px;
	height: 65px;
}

.listViewTitle-NP-a{
	font-size: 15px !important;
 	color: #333333;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	
}
.listViewMemo-NP-a{
 	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }
 .listViewFoot-NP-a{
	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	float: left;
 	width: calc(50% - 10px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }

/* theme b */

.listViewImg-b{
	height: 60px;
	width: 60px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
.listViewImg-b img{
	width: 60px;
	height: 60px;
}

.listViewContent-b{
	width:calc(100% - 90px);
	float: left;
	margin-top:5px;
	height: 65px;
}

.listViewTitle-b{
	font-size: 15px !important;
 	color: #333333;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	
}
.listViewMemo-b{
 	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	font-size: 13px !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

/* theme c  */
.listViewImg-c{
	height: 60px;
	width: 60px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
.listViewImg-c img{
	width: 60px;
	height: 60px;
}

.listViewContent-c{
	width:calc(100% - 90px);
	float: left;
	margin-top:10px;
	height: 60px;
}

.listViewTitle-c{
	font-size: 15px !important;
 	color: #333333;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	
}
.listViewMemo-c{
 	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	float: left;
 	width: calc(50% - 10px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }
 .listViewFoot-c{
	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	float: left;
 	width: calc(50% - 10px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }
 
/* theme a NoPic */

.listViewContent-NP-c{
	width:calc(100% - 15px);
	float: left;
	margin-top:5px;
	margin-left:15px;
	height: 55px;
}

.listViewTitle-NP-c{
	font-size: 15px !important;
 	color: #333333;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	
}
.listViewMemo-NP-c{
 	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	float: left;
 	width: calc(50% - 10px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }
 .listViewFoot-NP-c{
	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	float: left;
 	width: calc(50% - 10px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }
 
/* theme d  */
.listViewImg-d{
	height: 60px;
	width: 60px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
.listViewImg-d img{
	width: 60px;
	height: 60px;
}

.listViewContent-d{
	width:calc(100% - 90px);
	float: left;
	margin-top:10px;
	height: 60px;
}

.listViewMemo-d{
 	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 10px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	font-size: 16px !important;
 }
 .listViewFoot-d{
	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 10px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	font-size: 16px !important;
 }
 
/* theme d NoPic */

.listViewContent-NP-d{
	width:calc(100% - 15px);
	float: left;
	margin-top:5px;
	margin-left:15px;
	height: 55px;
}

.listViewMemo-NP-d{
 	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 10px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	font-size: 16px !important;
 }
 
 .listViewFoot-NP-d{
	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 10px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	font-size: 16px !important;
 }
 
 /* theme e*/

.listViewImg-e{
	height: 60px;
	width: 60px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
.listViewImg-e img{
	width: 60px;
	height: 60px;
}

.listViewContent-e{
	width:calc(100% - 130px);
	float: left;
	margin-top:5px;
	height: 65px;
}

.listViewSelect-e{
	padding-top:20px;
	width:80px;
	margin-top:5px;
	height: 65px;
/* 	background: red; */
	position:absolute;
	left: calc(100% - 40px);
	top: 0px;
	font-size: 15px;
}

.listViewTitle-e{
	font-size: 15px !important;
 	color: #333333;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	
}
.listViewMemo-e{
 	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }
 .listViewFoot-e{
	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	float: left;
 	width: calc(50% - 10px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }

/* theme a NoPic */
.listViewContent-NP-e{
	width:calc(100% - 15px);
	float: left;
	margin-top:5px;
	margin-left:15px;
	height: 65px;
}

.listViewTitle-NP-e{
	font-size: 15px !important;
 	color: #333333;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	
}
.listViewMemo-NP-e{
 	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }
 .listViewFoot-NP-e{
	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	float: left;
 	width: calc(50% - 10px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }

 /* theme f*/

.listViewImg-f{
	height: 60px;
	width: 60px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
.listViewImg-f img{
	width: 60px;
	height: 60px;
}

.listViewContent-f{
	width:calc(100% - 130px);
	float: left;
	margin-top:5px;
	height: 65px;
}

.listViewSelect-f{
	padding-top:20px;
	width:80px;
	margin-top:5px;
	height: 65px;
/* 	background: red; */
	position:absolute;
	left: calc(100% - 40px);
	top: 0px;
	font-size: 15px;
}

.listViewTitle-f{
	font-size: 15px !important;
 	color: #333333;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	
}
.listViewMemo-f{
 	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }
 .listViewFoot-f{
	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	float: left;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }

/* theme f NoPic */
.listViewContent-NP-f{
	width:calc(100% - 15px);
	float: left;
	margin-top:5px;
	margin-left:15px;
	height: 65px;
}

.listViewTitle-NP-f{
	font-size: 15px !important;
 	color: #333333;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	
}
.listViewMemo-NP-f{
 	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }
 .listViewFoot-NP-f{
	color: #999999;
 	font-weight: 300 !important;
 	margin: 0 !important;
 	float: left;
 	width: calc(100% - 20px);
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
 }